<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" class="btn">计算</button>
		<script type="text/javascript">
			// 函数 function 
			//函数的用途：可以代码封装，然后多次使用。或者是在需要的时候调用
			//声明一个函数 只是将代码封装了，并不会调用
			//函数的参数: 
				// 定义函数的时候。指定的参数形参 
				// 在函数调用的时候,传递的参数叫实参
			let btn = document.querySelector('.btn')
			 let result 
			 // btn.onclick = function(){//匿名函数 回调函数
				//  alert('hello')
			 // }
			 btn.addEventListener('click',function(){
				 alert('hello')
			 })
			function fun(a,b) {
				 result = a+b
			   return result
			}
			// let a = 1 , b = 2;
			//  let c = a+b 
			//   a = 3 , b = 4;
			//    c = a+b 
			//   console.log("a+b=",c);
			  //调用 
			  fun(10,12)
			  let c = result
			  console.log("a+b=",c);
		</script>
	</body>
</html>
